import FlattenedSteps from "../../components/FlattenedSteps.astro";
import ZulipTip from "../../components/ZulipTip.astro";
import TopicActions from "../include/_TopicActions.mdx";

import FollowIcon from "~icons/zulip-icon/follow";
import InheritIcon from "~icons/zulip-icon/inherit";
import MuteIcon from "~icons/zulip-icon/mute";
import UnmuteIcon from "~icons/zulip-icon/unmute";

<FlattenedSteps>
  <TopicActions />

  1. Configure topic notifications using the row of icons at the top of the menu.
</FlattenedSteps>

<ZulipTip>
  You can also configure notifications by clicking the topic notifications
  status icon (<MuteIcon />,
  <InheritIcon />,
  <UnmuteIcon />, or
  <FollowIcon />) wherever it appears.
</ZulipTip>
